<template>
  <div class="order">
      <header-bar :head-title="headTitle" goBack="true"></header-bar>
      <div class="order-address">
        <p><span class="default">默认</span><span>张三</span><span>13500500045</span></p>
        <p>浙江省宁波市江东区银晨国际</p>
      </div>
      <div class="goods_list">
        <div class="list">
          <img src="https://cdn.bestkeep.cn/goods/img/goods_1496976709841.jpg@160h_160w_2e" />
          <div class="list-intro">
            <h2>20寸PC膜拉链登机箱</h2>
            <p class="num">×1</p>
            <p class="price">￥55555</p>
          </div>
        </div>
        <div class="list">
          <img src="https://cdn.bestkeep.cn/goods/img/goods_1496976709841.jpg@160h_160w_2e" />
          <div class="list-intro">
            <h2>20寸PC膜拉链登机箱</h2>
            <p class="num">×1</p>
            <p class="price">￥55555</p>
          </div>
        </div>
      </div>
<div class="option-box">
  <ul>
  <li>
    <div class="left">支付方式</div>
    <div class="right"><input type="radio" checked="checked"/>在线支付</div>
  </li>
  <li>
    <div class="left">支付方式</div>
    <div class="left"><input type="text" class="orde-msg" placeholder="买家留言"/></div>
  </li>
  <li>
    <div class="left">优惠券</div>
    <div class="right"><i class="icon iconfont icon-more"></i></div>
  </li>
  <li>
    <div class="left">运费</div>
    <div class="right">￥8.00</div>
  </li>
  
  <li>
    <div class="left">温馨提示：优惠产品不参与退款</div>
  </li>
</ul>
</div>

      <div class="cart-bottom">
            <div class="order-money">
                <p>合计￥3565.5</p>
                 优惠：￥0.0
                 </div>
        <router-link to="/pay">提交订单</router-link>
      </div>
  </div>
</template>
<script>
import HeaderBar from '@/components/HeaderBar.vue'
export default {
  components: {
    HeaderBar
  },
  data () {
    return {
      headTitle: '确认订单'
    }
  }
}
</script>
<style lang="scss">
@import '../../style/order.scss';
</style>

